Return to previous page

Fix header for mobile, please read before.

This topic has 4 replies, 2 voices, and was last updated 2 years, 6 months ago ago by Awais Ahmed

Amvisible

Participant

July 25, 2022 at 07:54

The header on mobile devices on my website looks very odd, I’ve tried to fix it many times and I just end up ruining it more.

The menu is not related to the theme, It’s a different plugin however I placed it in the right place, and I want the logo to be in the center like right now but in bigger size.. and I need the question mark which is a HTML i made to be in same height as the menu icon.

Please help me fix it.

#330404 Copied Theme version: 8.1.3

3 Answers

Awais Ahmed

Participant

July 25, 2022 at 08:15

Hello, @Amvisible,

1. For the logo size on mobile, you have to increase the columns on mobile, Actually the page words on 12 columns as the default bootstrap has, and you have set the logo on mobile in just 2 columns, so you have to increase it as 6 columns and check back, please watch and follow the instructions showing in this video: https://www.veed.io/view/0f32b0e3-1f24-4932-84af-7bdcd66b6860?sharingWidget=true

2. For Question Mark height, I can see you have the Custom CSS added which is creating this issue on your site: https://postimg.cc/WDWxW0NF so you have to find and remove this Custom CSS and it will resolve your issue, that Custom CSS might be in Theme Settings >> Custom CSS >> Mobile or in Custom HTML which you have added in your site.

Regards 8Themes Team.

#330406 Copied

Amvisible

Participant

July 25, 2022 at 09:13

Hi,

I cant manage to fix the CSS because theres over thousand of lines… I hoped you could help.

#330408 Copied
Awais Ahmed

Participant

July 25, 2022 at 09:27
Hello, @Amvisible,

2. Ok then please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Mobile Custom CSS.

.annoyingmobilebutton { margin-top: 0 !important; }

Regards 8Themes Team.
#330409 Copied
Tagged: header, mobile, persuasive, templates, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)