Shortcode and column visible on mobile when view not selected

chriscundy
11 Posts
chriscundy posted this 06 May 2020

Hello,

I have a 3 column section which is visible to all devices. Whilst column 1 and 2 display content on all devices, column 3 has shortcode to display a facebook like box - this is disabled on mobile and tablet views and when using the mobile previewer the facebook box is not displayed however when I view on my iPhone in either Chrome or Safari, the facebook box is visible at the bottom of the page. What gives?

Hello, I have a 3 column section which is visible to all devices. Whilst column 1 and 2 display content on all devices, column 3 has shortcode to display a facebook like box - this is disabled on mobile and tablet views and when using the mobile previewer the facebook box is not displayed however when I view on my iPhone in either Chrome or Safari, the facebook box is visible at the bottom of the page. What gives?
Vote to pay developers attention to this features or issue.
6 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 06 May 2020

Hello Chris,

Could you please provide the link to the page?

Gina
Themler Support

Hello Chris, Could you please provide the link to the page? Gina Themler Support
chriscundy
11 Posts
chriscundy posted this 06 May 2020

www.janetodd.co.uk

www.janetodd.co.uk
Support Team
Support Team posted this 07 May 2020

Bootstrap hides it dynamically, for some reason.
Try adding this code to Home -> Settings -> Additional CSS:

@media (max-width: 767px)
.hidden-xs .col-lg-2 {
    display: block !important;
}
@media (max-width: 991px)
.hidden-xs .col-lg-2 {
    display: block !important; 
}

@media (max-width: 767px)
.hidden-xs {
    display: block !important;
}
@media (max-width: 991px)
.hidden-xs {
    display: block !important; 
}

Gina
Themler Support

Bootstrap hides it dynamically, for some reason. Try adding this code to Home -> Settings -> Additional CSS: @media (max-width: 767px) .hidden-xs .col-lg-2 { display: block !important; } @media (max-width: 991px) .hidden-xs .col-lg-2 { display: block !important; } @media (max-width: 767px) .hidden-xs { display: block !important; } @media (max-width: 991px) .hidden-xs { display: block !important; } Gina Themler Support
chriscundy
11 Posts
chriscundy posted this 07 May 2020

Thank worked thanks!

Thank worked thanks!
sonnerieportable.com
1 Posts
sonnerieportable.com posted this 20 March 2024

Looking to personalize your phone with a unique and trendy ringtone? Look no further than SonneriePortable.com, the leading website that offers a huge collection of free ringtones for every taste!

Looking to personalize your phone with a unique and trendy ringtone? Look no further than [SonneriePortable.com][1], the leading website that offers a huge collection of free ringtones for every taste! [1]: https://sonnerieportable.com/
jamesrwarren2023
3 Posts
jamesrwarren2023 posted this 4 weeks ago

Their operations, streamline processes, and stay ahead of the competition. Information Technology (IT) solutions play a pivotal role in this endeavor, offering a myriad of tools and technologies to address various it solutions in dubai business challenges. From small startups to large enterprises, IT solutions have become indispensable for driving growth, improving efficiency, and delivering superior customer experiences.

Their operations, streamline processes, and stay ahead of the competition. Information Technology (IT) solutions play a pivotal role in this endeavor, offering a myriad of tools and technologies to address various [it solutions in dubai][1] business challenges. From small startups to large enterprises, IT solutions have become indispensable for driving growth, improving efficiency, and delivering superior customer experiences. [1]: https://itsupportindubai.com
You must log in or register to leave comments