logo needs to be larger on mobile - Support | Kriesi.at

Tagged: logo, mobile, responsive

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

Author

Posts
April 29, 2015 at 12:16 am #436452

Chnine
Participant

Hi there,

Enfold is such a nice theme! So clean and spacious, with so many options.

I am having a few issues:

1. The first is with the logo displaying too small on the mobile portrait (and landscape) view (i.e. iphone, etc.). On the portrait view, I would like the logo to display all the way across. I have placed a link below to a mockup image of how I’d like it to look. To do this, I will have to add a larger background sky image (for height), as you will see the height of the header space (background image) is larger.

2. Secondly, in mobile (i.e. iphone, etc.) view (both portrait and landscape), I want to hide BOTH the social_bookmarks icons AND the avia2-menu (“Find us / Contact”). When you look at the mockup image that I have provided the link to, you will see what I mean. I only want the “phone-info with_nav” and then the header_main to show.

3. Third, I’d like the ‘advanced menu_toggle” to appear a little below the logo (again, please see the mockup mobile image, link provided below).

If you can assist me with these three items, I’ll be most appreciative!!

Thank you so much!
Christina

April 29, 2015 at 5:46 pm #436887

Chnine
Participant

Hi Enfold Gurus :-)

I posted this yesterday and was wondering if you can help me with this. I noticed that many newer posts have already been addressed but mine has not as yet.

Thank you,
Christina

April 29, 2015 at 6:12 pm #436910
Yigit
Keymaster
Hi Christina!

Thank you for choosing Enfold and welcome to our forum :)

Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
@media only screen and (max-width: 480px) {
nav.sub_menu,.responsive #header .social_bookmarks { display: none !important; }}
@media only screen and (max-width: 640px) {
.header_color .header_bg { background-size: cover; }
.responsive .logo img { max-height: 100%; }
#advanced_menu_toggle, #advanced_menu_hide { top: 75%; }
.responsive #top .logo { width: 100%; }}
```
Cheers!
Yigit
April 29, 2015 at 9:42 pm #437078

Chnine
Participant

Hi Yigit!

Thank you for your help here. This works beautifully!! Just what I wanted :-)

I have another issue but will post a separate note.

Thank you so much!
Christina
Author

Posts

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

The topic ‘logo needs to be larger on mobile’ is closed to new replies.