Royal Questions - by Su Flo - on WordPress WooCommerce support

This topic has 22 replies, 3 voices, and was last updated 5 years, 6 months ago ago by Rose Tyler

  • Avatar: Su Flo
    Su Flo
    Participant
    October 12, 2018 at 09:41

    Dear 8Theme,

    We have four questions in the private content and hope you can help?

    Best Regards, Su.

    Please, contact administrator
    for this information.
    21 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 12, 2018 at 10:05

    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

    Avatar: Su Flo
    Su Flo
    Participant
    October 12, 2018 at 11:14

    Hi Rose,

    Many thanks, have got most of them done but would like some further advise in the Private Content.

    BR, Su.

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 12, 2018 at 12:15
    Avatar: Su Flo
    Su Flo
    Participant
    October 12, 2018 at 18:28

    Hi Rose,

    Credentials are in the Private Content for you.

    Best Regards, Su.

    Please, contact administrator
    for this information.
    Avatar: Su Flo
    Su Flo
    Participant
    October 15, 2018 at 16:47

    Hi Rose,

    We have the passwords in the private content.

    BR, SU

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 16, 2018 at 12:51

    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

    Avatar: Su Flo
    Su Flo
    Participant
    October 16, 2018 at 14:06

    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.

    Please, contact administrator
    for this information.
    Avatar: Su Flo
    Su Flo
    Participant
    October 16, 2018 at 18:30

    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.

    Please, contact administrator
    for this information.
    Avatar: Su Flo
    Su Flo
    Participant
    October 17, 2018 at 12:46

    Hi Rose,

    Kindly checking you have received the latest replies?

    Look forward to hearing from you.

    BR, Su.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 18, 2018 at 08:05

    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

    Avatar: Su Flo
    Su Flo
    Participant
    October 18, 2018 at 12:13

    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.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 18, 2018 at 15:07

    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

    Avatar: Su Flo
    Su Flo
    Participant
    October 18, 2018 at 16:09

    Hi Rose,

    Many thanks, have moved out of the media and all good, apart from two items in the PC

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 19, 2018 at 08:37

    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

    Avatar: Su Flo
    Su Flo
    Participant
    October 19, 2018 at 09:32

    Hi Rose,

    Many thanks, I have one last bit in the private content please.

    BR, Su.

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 19, 2018 at 09:52

    Hello,

    You’re welcome!
    Please change the previous custom css code to:

    .header-logo {
        padding: 2px 0 !important;
    }

    Regards

    Avatar: Su Flo
    Su Flo
    Participant
    October 19, 2018 at 11:08

    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.

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 19, 2018 at 15:23

    Hello,

    Take a look at the mobile version of header now. Is it ok?

    Regards

    Avatar: Su Flo
    Su Flo
    Participant
    October 19, 2018 at 18:20

    Hi,

    No its still the same, even after rebooting and resetting the cache.

  • 1 2
    Viewing 20 results - 1 through 20 (of 22 total)

The issue related to '‘Royal Questions’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.