Home › Forums › All Other Themes › Maintenance theme tablet version not responsive
- This topic has 12 replies, 2 voices, and was last updated 5 years, 9 months ago by Sonl Sinha.
-
AuthorPosts
-
February 25, 2019 at 9:54 am #117790
Hi there, the maintenance theme is buggy on the tablet version for both normal and landscape view. Please fix it.
My site is www.mega-sg. ComThanks!
February 26, 2019 at 5:37 am #117855Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
@media screen and (min-width:768px) and (max-width:1023px) { .nivo-caption { top:70% !important;} .title, .title span { font-size:40px !important;} .skt-builder-columns-row-3column .skt-builder-column { width:33.333% !important;} .skt-builder-columns-row-2column .skt-builder-column { width:90% !important; margin:0 auto; float:none !important; text-align:center;} .skt-builder-block-wrapper .skt-builder-block-title h2 { text-align:center !important;} .skt-builder-home-section5-block .skt-builder-service-column .skt-builder-column-inner { min-height:440px !important;} .skt-builder-home-section7-block-517 .portfolio-area li:hover h3.gallerytitle { padding:0 35px;} } @media screen and (min-width:1024px) and (max-width:1160px) { .logo img { width:24%;} #topmenu ul li a { padding:20px 19px;} #slidera .nivo-caption { width:55% !important; top:72% !important;} .skt-builder-columns-row-2column .skt-builder-column { width:80% !important; margin:0 auto; float:none !important; text-align:center;} .skt-builder-home-section7-block-517 .portfolio-area li:hover h3.gallerytitle { padding:0 35px;} .skt-builder-columns-row-5column .skt-builder-column { width:20% !important;} }
Regards,
ChrisFebruary 26, 2019 at 9:59 am #117905Hi there,
I’ve input the codes you had given me, however the theme is still buggy for the slider as the words and menu are overlapping one another from width 768px to 1030px
Thanks!
February 26, 2019 at 10:16 am #117906Hi,
Kindly use this one
@media screen and (min-width:768px) and (max-width:1023px) { .centerlogo .logo { float: none !important; width: 22% !important; margin:0 auto;} }
Regards,
ChrisFebruary 26, 2019 at 10:30 am #117908Hi there,
however from width 1024px onward, the menu disappears
Thanks!
February 26, 2019 at 10:36 am #117909Hi,
We checked, this is working fine
Can you send us the screenshot of your issues?
Menu appear, see below link:
https://imgur.com/a/Lhd44R3Regards,
ChrisFebruary 26, 2019 at 10:45 am #117910Hi there, sorry I was mistaken about the menu disappearing. The menu overlaps the slider text from width 1161px onwards.
Thanks!
February 26, 2019 at 10:46 am #117912This is the link to the image
https://imgur.com/a/tCoW5iq
February 26, 2019 at 11:32 am #117919Hi,
Issue resolved. Kindly check and confirm
Regards,
ChrisFebruary 26, 2019 at 12:44 pm #117925Hi there,
There are still issues with the menu covering the text
https://imgur.com/a/b7lik7J
https://imgur.com/a/nllIu2eThanks
February 26, 2019 at 1:10 pm #117927Hi,
Resolved
Regards,
ChrisFebruary 26, 2019 at 2:22 pm #117934Hi there,
From width 1401px and more the issue still persists.
Please see the screenshot
https://imgur.com/a/XAHxkehThanks
February 27, 2019 at 5:09 am #117966Hi,
Working fine.
See below screenshot:
https://imgur.com/a/eFc80neRegards,
Chris -
AuthorPosts
- You must be logged in to reply to this topic.