• Hello,
    I’ve looked in to these issues to see if I could find any detail in relation to your theme and my issues. found a few from other themes and have tried their solution before writing this essay.

    Looking for information on what its showing one thing it the page builder and another on the page? All text from h3-h6 looks the same on the page even though in the editor they are different as spacing is different….

    In the editor
    Screenshot 1

    On the Page
    Screenshot 2

    Also having issues with ifames showing correctly in mobile (see paged linked in post).
    As getting black space fillers from the iframe an no matter what css is added it doesn’t change anything?

    Also is there as way to curve the main menu? as the triangles look too sharp..

    Thanks for any help on these issue

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 17 total)
  • Hi @ashbyvagg,

    Heading tags in the editor and in the front end might get displayed differently if any of the plugin used in the site alters them on the back-end.

    For iframe issue, pleas try this below CSS code:

    embed, iframe, object {
        max-width: 99%;
    }

    For 3rd issue, can you please share the screenshot of which type of the main menu you have required?

    Thanks.

    Thread Starter ashbyvagg

    (@ashbyvagg)

    @premi0

    Thanks for the quick response, don’t have anything that changes the fonts installed. So should display the same as the the editor no?

    iframe issue is still here with the supplied css.

    Menu is like this screenshot
    Screenshot

    Hi @ashbyvagg,
    While checking the page source of your URL, there are some mistakes while adding custom CSS. All the custom CSS should be inside <style> </style>. Can you please check and fix it? Thanks.

    Thread Starter ashbyvagg

    (@ashbyvagg)

    Hello @premi0,

    Thanks again for the reply, ok. where should that be then?

    As I’ve tried many options for this including in the elements (css in the editor) options and now your saying that. where & what page did you find that?

    I’m assuming the ifame? but I could just be stabbing in the dark….

    Regards

    Hi @ashbyvagg,

    Here is the article https://docs.themegrill.com/knowledgebase/where-do-i-add-my-custom-css/. You can check this article above and find if you have correctly implemented the custom CSS or not. And You can contact us via our chat support too https://themegrill.com/contact/. Thanks.

    Thread Starter ashbyvagg

    (@ashbyvagg)

    Hello @premi0,

    Right been playing today an believe the css has now been sorted and still the same on mobile version with big black squares above and below it. Although the editor you supply with this theme also has the options to add css to the items…

    You’ve also missed the other questions out πŸ˜‰

    Regards

    Hi @ashbyvagg,

    You can use this custom CSS for the curvy corner sub menu:

    #site-navigation li:hover ul.sub-menu{
        border-radius: 15px;
    }

    You can use your desired border-radius. Thanks.

    Thread Starter ashbyvagg

    (@ashbyvagg)

    Thanks @premi0,

    That’s awesome. is there a way to add padding to the text in menu? As now I’ve got the border in the shape I’d like the text looks to close to the edge on the left.

    Home Page

    Thanks
    Again

    Hi @ashbyvagg,

    Please use this custom CSS:

    .transparent.header-sticky #site-navigation ul.sub-menu li a {
        padding: 15px;
    }

    You can use your desired padding here. Thanks.

    Thread Starter ashbyvagg

    (@ashbyvagg)

    Good morning @premi0

    Again for your reply, that code seems to just adds in padding between the lines in the menu and not just move the word across on the lines.

    Also noticed that there seems to be two copyright symbols in the footer? How can it remove one?

    Regards

    Hi @ashbyvagg,
    Please use this custom CSS to remove one symbol:

    .footer-menu li a {
        visibility: hidden;
    }

    And For your first query, you want your menu to move towards left or right?

    Thanks.

    Thread Starter ashbyvagg

    (@ashbyvagg)

    @premi0

    Thanks a gain for your response.

    Sorry to say, but that code didn’t change anything in the copyright area, but did remove the menu πŸ˜‰ but the copywrite isn’t part of the footer menu is it?

    I don’t want the menu it self to move, just the words in the menu need to be moved to the right. as they are close to the left side of the menu boarder.

    Thanks again

    • This reply was modified 5 years, 5 months ago by ashbyvagg.

    Hi @ashbyvagg,

    Please use this custom CSS for the submenu:

    #site-navigation ul.sub-menu {
        padding-left: 40px;
    }

    Hope this works for you. And regarding your copyright area issue, can you share the screenshot, which part you want to remove? Thanks.

    Thread Starter ashbyvagg

    (@ashbyvagg)

    @premi0

    Thanks for the reply.

    Yes that’s worked, can you also centre the text as text-align or align-content doesn’t seem to work.

    Screenshot you required to see what I mean.

    Thanks

    Hi @ashbyvagg,

    The screenshot doesn’t seem to open. Can you please check and share again? Thanks.

Viewing 15 replies - 1 through 15 (of 17 total)

The topic ‘suspected issues with theme/site builder/iframe/css’ is closed to new replies.