Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 27, 2014 at 4:19 pm #243884
    zerozendesign

    Hey guys –

    After the latest update, the headers have taken a turn for the worse. Take a look at http://leecasey.net/abstracts/ on mobile and you will see the issue. Before the update, everything was fine. Any help would be great.

    Thanks.
    David

    March 27, 2014 at 4:24 pm #243888
    Yigit

    Hi David!

    Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px. Then add following code to Quick CSS 

    @media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
height: auto !important; }}
@media only screen and (max-width: 480px) {
#advanced_menu_toggle { 
top: 115%; }}

    Best regards,
    Yigit

    April 3, 2014 at 4:51 pm #247117
    zerozendesign

    Hey Yigit – That helped. The logo still needs to size down just a little on phones though. It is still a little too wide.

    April 5, 2014 at 9:18 am #247746
    Dude

    Hi!

    You can add a width attribute to Yigits code like:

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

    Instead of 200px insert your custom logo width value.

    Cheers!
    Peter

    April 6, 2014 at 6:44 pm #247941
    zerozendesign

    Thanks Peter and Yigit.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Enfold > Menu messed up after update’ is closed to new replies.