This topic has 22 replies, 3 voices, and was last updated 6 years ago ago by Rose Tyler
Dear 8Theme,
We have four questions in the private content and hope you can help?
Best Regards, Su.
Hello,
1. Please change this custom css code http://prntscr.com/l56usz to:
.header-type-3 .menu > li > a {
padding-top: 0;
padding-bottom: 0;
line-height: 4;
}
.header-type-3 .main-header .tbs {
padding-top: 0px;
}
.fixed-header-area .menu-main-container > ul {
padding-top: 18px;
}
2. You need to enable Custom Grid Size for mobile in Slider Revolutions > Slider settings > Slide Layout.
https://www.themepunch.com/revslider-doc/slider-setup/ (4.2 Custom Grid Sizes)
3. There are Instagram widget and [8THEME] Instagram element, please use them appropriate to your needs.
4. Theme Options > Custom css > Custom css for mobile:
footer .m-text-center {
margin: 0px !important;
}
footer .m-text-center h5 {
text-align: center !important;
}
.st-menu, .mobile-nav-heading.close-mobile-nav {
background: #0f0105;
}
Please try to change “Navigation” using Loco Translate plugin.
Regards
Hi Rose,
Many thanks, have got most of them done but would like some further advise in the Private Content.
BR, Su.
Hello,
Please read – https://www.themepunch.com/faq/mobile-viewport-options-missing/
https://www.themepunch.com/faq/incorrect-position-or-size-for-text-button-or-shape/
https://www.themepunch.com/faq/text-not-showing-up-correctly/
Also, provide temporary wp-admin access.
Regards
Hi Rose,
Credentials are in the Private Content for you.
Best Regards, Su.
Hi Rose,
We have the passwords in the private content.
BR, SU
Hello,
Sorry for the long delay.
2. Please try to use Layer Align Center for mobile – http://prntscr.com/l6p3ld
3. Please change this code http://prntscr.com/l6p74l to
.main-footer h5 {
text-align: center !important;
}
Then clear cache and describe the desired result in footer one more time for better understanding.
Thanks in advance.
Regards
Hi Rose,
Many thanks for helping with the centralisation, thank you. regarding the footer I a screen shot plus 3 associated small things in the PC. Hope you can help. BR, Su.
Hi Rose,
Whilst we await for your latest response, we have noticed the bottom right hand side of our footer in now very crunched as per the screenshot in the private content. Hope you can sort, Assume this is related to the recent coding? Best Regards, Su.
Hi Rose,
Kindly checking you have received the latest replies?
Look forward to hearing from you.
BR, Su.
Hello,
Sorry for the delay in answering.
Please check footer now.
1. You can edit content of text element appropriate to your needs
For example,
https://fontawesome.com/v4.7.0/icon/instagram
<a class="active" style="line-height: 2.5;" href="http://....."><i class="fa fa-instagram"> </i> instagram</a>
2.
.header-wrapper .menu li a, .fixed-header .menu li a {
text-decoration: none;
}
3.
.mobile-menu-block .et-follow-buttons a {
color: #81592c;
margin-left: 5px;
}
Regards
Thank you Rose, Much appreciated. Bottom bit on mobile is fine, USA goes onto the next line, would be nice to sort this.
Also, on the content page we are trying to link the “mail to” and “instagram” to live URL’s. We have added but they seem to work on the mobile but not on desktop pc.
Other items:
A. Logo centralisation on mobile is not flush on opening screen or scrolling.
B. have added the coding for changes to mobile MM background and instagram icon but they are still the same, even after clearing the cache.
C. The underlining of the MM items is still occuring.
Coding as suggested has been added to the bottom of the CSS.
Hope you can assist here please.
Best Regards, Su.
Please check footer now.
Looks like, you have a mistake in page content that causes the problem on the desktop.
A. It is centered. Please provide screenshot for better understanding the problem.
B, C. You added the code inside media query. Please move it outside the query http://prntscr.com/l7k96m
Regards
Hi Rose,
Many thanks, have moved out of the media and all good, apart from two items in the PC
Hello,
1. Please check the page now.
2. Please add this in custom css for mobile or inside media query (@media only screen and (max-width: 992px))
.fixed-header-area .header-logo {
padding: 2px 0;
}
Regards
Hi Rose,
Many thanks, I have one last bit in the private content please.
BR, Su.
Hello,
You’re welcome!
Please change the previous custom css code to:
.header-logo {
padding: 2px 0 !important;
}
Regards
Hi Rose,
Many thanks, have added the new code, however, could you take a look in the PC please. After clearing the cache there doesn’t seem to be any change. There’s a new screenshot for you, which shows opening homepage logo on the left, and the scrolled page logo on the right. The one on the right is perfect, but the one on the left is too high.
Best Regards, Su.
Hello,
Take a look at the mobile version of header now. Is it ok?
Regards
Hi,
No its still the same, even after rebooting and resetting the cache.
Hi Rose/Olga,
Having waited a few hours, its seems to be working, so now all good, we can close this ticket. Thank you. I do have a couple more small bits on the mobile home page as the fonts are too big, but will come back to you in a week or so as its not that urgent.
many thanks, Su
Hello,
That is great thank you for letting us know.
This topic will be closed. Please kindly open up new tickets for additional questions.
Regards
The issue related to '‘Royal Questions’' has been successfully resolved, and the topic is now closed for further responses