Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #251137

    Hi Support,

    After I updated the theme I have choosen a center logo with the menu under it.
    But in tablets and mobil the logo is not centered anymore, need a helping hand here. :-)

    Cheers!

    #251138
    This reply has been marked as private.
    #251146

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 767px) {
    .responsive .mobile_slide_out .logo {
    margin-left: 40%;
    }
    .responsive .logo a, .responsive .logo img {
    height: auto !important;}}

    Best regards,
    Yigit

    #251156

    Thanks Yigit :-)

    Is it possible to get the mobil menu centered below the logo?

    Cheers!

    #251159

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
    #advanced_menu_toggle, #advanced_menu_hide {
    right: 37%;
    top: 90%; }
    #header_main {
    height: 105px; }}

    You may need to adjust right value in this code and margin-left value in code i posted previously to center them perfectly :)

    Regards,
    Yigit

    #251168

    Tnx Yigit, sorry but I don’t get the logo and mobil menu to center properly can u help me with the css and also in mobil mode the logo gets to small can u do anything about that also?

    Cheerio! :-)

    #251185

    Hi!

    Do you mind creating a temporary admin login and posting it here privately so i can take a look? It seems like you have removed the custom CSS code :)

    Best regards,
    Yigit

    #252207
    This reply has been marked as private.
    #252216

    Hey!

    Please review your website now. You can find custom CSS code i added in Style.css file of your child theme

    Best regards,
    Yigit

    #252217

    Can u make the mobil menu center under the logo?
    Can u stop the logo from shrink also its gets to small?

    Cheers!

    #252449

    Hey!

    Thank you for the update.

    Please use this:

    @media only screen and (max-width: 767px) {
    .responsive .mobile_slide_out .logo {
    display: block;
    position: relative;
    margin: 0 auto;
    margin-bottom: 80px;
    }
    
    #advanced_menu_toggle, #advanced_menu_hide {
    display: block;
    position: absolute;
    right: 40%;
    top: 120px;
    }
    }

    Please visit Werkpress for further customization.

    Regards,
    Ismael

    #367110

    Hi @Yigit and Ismael,

    You know you 2 are the best thank you so mutch for helping me out.

    You can close this ticket now :-)

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Logo adjustments on mobile – after update’ is closed to new replies.