logo resize

Hi mrlreynolds!

Firstly you should edit your logo. You can add following code to Quick CSS in Enfold theme options under Styling tab to achieve what you would like but logo image will be stretched

@media only screen and (min-width: 989px) { .logo, .logo a, .logo a img { width: 285px!important; height: 40px!important; }}
@media only screen and (max-width: 480px) { .responsive .mobile_slide_out .logo { margin-bottom: 30px; } 
#advanced_menu_toggle { top: 75%; } }

Cheers!
Yigit

Hey!

Just upload the logo with size more than 285x40px. The CSS will stretch it because of Yigit’s code above.

Cheers!
Ismael

Hey!

Please remove Yigit’s code:

@media only screen and (min-width: 989px) { .logo, .logo a, .logo a img { width: 285px!important; height: 40px!important; }}

Replace it with:

@media only screen and (min-width: 989px) {
.logo, .logo a, .logo a img {
width: 285px!important;
height: 80px!important;
top: 20px;
}
}

Cheers!
Ismael

Hi!

I have just checked your website on my iphone and your logo looks fine on my end and i do not think it needs to be resized. Please see screenshot here http://i.imgur.com/Y0rS1wJ.png
You can add following code to Quick CSS to move the logo more to the left on mobile view

@media only screen and (max-width: 480px) {
.responsive .mobile_slide_out .logo { margin-left: -15px; }}

Regards,
Yigit

Hi!

Please add following code to Quick CSS as well

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

Best regards,
Yigit

Hi!

Please apply Devin’s first code in here https://kriesi.at/support/topic/top-menu-with-the-social-icons-bigger/#post-134332
That will change the width to switch to mobile menu

Cheers!
Yigit

Hey!

Please add following code to Quick CSS

#header .avia_mega_div { width: 1010px; }
@media only screen and (min-width: 767px) and (max-width: 1120px) { 
#header .avia_mega_div { width: 800px; } }

Flush browser cache after applying the code and refresh your page a few times

Cheers!
Yigit

Hi!

Please change this line of code on Yigit’s solution:

@media only screen and (min-width: 767px) and (max-width: 1120px) { 
#header .avia_mega_div { width: 800px; } }

Replace it with:

@media only screen and (min-width: 767px) and (max-width: 1120px) { 
#header .avia_mega_div.avia_mega6 { width: 800px; } }

Regards,
Ismael