Responsive version Adventure Theme Pro

[info1295]

Dear SKT,

website: www.indyque.com

In the mobile version of our website, the homepage slider does not show the text on the photo’s correct.
1. Is it possible to only show our Brand Name when people visit our website on their mobile. This way the text on the slider will be seen.
2. The navigation button does not show when on the mobile version, how can we make this be seen
3. Is it possible to hide a section on the homepage when being visited on a mobile phone?

Screenshot of problem 1 and 2: https://imgur.com/uSwUePf

Best regards,
Sanne van der Grift

[Sonnal S Sinha]

Hi,

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

@media screen and (max-width:479px) {
.logo img { height:auto; width:80%; margin:0 auto 10px; display: table;}
#simple-menu { z-index:1000000000;}
.header #simple-menu .fa-bars { color:#fff !important;}
}

3. Is it possible to hide a section on the homepage when being visited on a mobile phone?
Ans: yes of course

Regards,
Chris

[info1295]

Hi Chris,

The custom CSS did its job perfectly thanks.

2 questions though:
1. How can I hide the Home Section 1 when being visited on a mobile?
2. Home section 6 (in my case the UITGELICHT section) does not show nicely on a mobile. See attached print screen. https://imgur.com/a/2hoAciI

Website url: www.indyque.com

Thanks in advance.

Regards,
Sanne

[Sonnal S Sinha]

Hi,

1. How can I hide the Home Section 1 when being visited on a mobile?
Ans: Which sections do you want to hide in mobile

2. Home section 6 (in my case the UITGELICHT section) does not show nicely on a mobile. See attached print screen.
Ans: Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.specialbox-content p { font-size:12px; margin-bottom:15px;}
.specialbox .special-thumb img { height:400px; object-fit:cover;}
}

Regards,
Chris

[info1295]

Hi,

It is Home Welcome Section that I want to hide on a mobile.

Regards,
sanne

[Sonnal S Sinha]

Hi,

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

@media screen and (max-width:479px) {
body.home .home1_section_area { display:block !important;}
}

Regards,
Chris

[info1295]

Hi Chris,

The Welcome Section (the one with the themes winter, citytrip etc.) still shows on the mobile.

Regards,
sanne

[Sonnal S Sinha]

Hi,

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

Remove

@media screen and (max-width:479px) {
body.home .home1_section_area { display:block !important;}
}

And this new css code there

@media screen and (max-width:479px) {
body.home .home1_section_area { display:none !important;}
}

Regards,
Chris

[info1295]

Hi Chris,

Thanks for you help. It works like a charm 🙂

Regards,
Sanne

[Sonnal S Sinha]

Hi Sanne,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/18/

Regards,
Chris

[Author]

Posts