SKT Cause theme formatting on mobile

[Biko]

Hi,
1. Theme’s mobile menu is not vertically centered
Screenshot: https://prnt.sc/NamQDtRw6jw6
How to vertically center the mobile menu?
2. The page title on mobile is not vertically centered.
Screenshot: https://prnt.sc/wT-QXW3_7FcC
How to vertically center the page title on mobile?
3. The description of the home slider is not displayed on mobile.
Screenshot on Computer: https://prnt.sc/h_UNRRb3bpy-
Mobile screenshot: https://prnt.sc/EwoXtgkFm144
How to display the description of the home slider on mobile?
Thanks in advance.

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
#simple-menu { margin-top:18px;}
.slider-main .nivo-caption .slidedesc { display:block;}
.cattitle_wrap { top:50%; transform: translate(-50%,-50%);}
#footer .rowfooter { margin:0;}
#footer .footercols3 { padding: 80px 50px 0;}
.addtoany_content { text-align:center;}
}

Regards,
Chris

[Biko]

Hi,
In the SKT Cause theme, for a long text in the submenu, the text is placed on two lines, which is not aesthetic.
See screenshot: https://prnt.sc/K_DSLaPhKWY2
How to put submenu texts on a single line.
Thanks in advance.

[Sonl Sinha]

Hi,

Kindly use this CSS to display submenu texts in a single line.

#topmenu ul li ul { width: auto; white-space: nowrap;}

Regards,
Chris

[Biko]

Hi,
With this CSS code, the submenu is one line, but the text is cut off in the submenu, it is not displayed in full.
See screenshot: https://prnt.sc/fZefMRbvpn8h
Thank you for your help.

[Sonl Sinha]

Hi,

Kindly show us your website URL?

Regards,
Chris

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.header.type3 #topmenu ul li ul li a, .header.type4 #topmenu ul li ul li a { padding: 10px 20px !important;}

Regards,
Chris

[Author]

Posts