Mobile Site

[mikeclum]

www.clumuniversity.com It looks quite poor on mobile. The header that scrolls along downside the site basically covers most of the content. I want to change/remove the following elements on mobile: 1. reduce logo size

1. remove search icon

2. eliminate parallax on page builder.

3. Reduce top padding

4. eliminate header that scrolls down with you along the top of the mobile site

[H.K. Latiyan]

1) Please use this css in your wp-admin->appearance->customize->custom css: h2#logo>a>img {     max-width:200px; } NOTE: Please change the max-width according to your requirements. 2) Please use this custom css for removing search icon from your site: div#searchicon {     display:none; } 3) Please clarify on this issue. It would be helpfull if you could share screenshot of the same to be more clear on this. 4) Please clarify from where you want to reduce the padding, also share screenshot. 5) Please go to wplms->header->fix top header on scroll: http://prntscr.com/9s0v4e. This will effect on both desktop site and mobile site, if you want this only to take place in mobile then it is not possible as of now.

[mikeclum]

so there's no way to edit a feature exclusively on the mobile version of the site? attached is a screenshot of the header as you scroll down on mobile, the logo is too big, I reduced the size of the normal logo when it first loads but as you scroll down it gets too big.

[H.K. Latiyan]

While scrolling if you want to change the logo size then use this css: h2#logo>a>span>img {     max-width: 200px; }

[mikeclum]

How do I adjust the spacing of the header above the logo? Add padding above the logo

[mikeclum]

here's a picture. the logo is off center in terms of height.

[H.K. Latiyan]

Please use this custom css: h2#logo>a>span>img{ padding-top: 10px; }

[Author]

Posts