Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1012457

    Hello guys,

    I have read a lot of pages en googled a lot, but I cannot hide my logo permantly. As you know, if you delete the uploaded logo, the standard Enfold appears. I cannot hide it with CSS. I have tried a lot:

    for example:
    .logo { display: none !important;
    }
    or:
    @media only screen and (max-width: 767px) {
    .responsive #top .logo {
    display: none !important;
    }

    Please help. Another case is already not solved with the logo. This is a temporarly solution, but it got to work. Credentials and website in the private content.

    #1012464

    Hey Arjan,

    Looks like you missed a bracket above. Try this at the very top of quick css:

    @media only screen and (max-width: 767px) {
    .responsive #top .logo {
    display: none !important;
    }}

    Best regards,
    Jordan Shannon

    #1012472

    Hello,

    Thanks! Stupid.. Just one bracket. But I still do see the logo at various resolutions. I do test it with Chrome extension Screen Resolution tester. I did clear history and so on of Chrome.

    Greetings,

    Arjan

    #1012485

    Hi,

    I’m not seeing the logo on my browsers at all. Can you please screenshot it?

    Best regards,
    Jordan Shannon

    #1012486

    where do I upload a screenhot here?

    greetings,

    Arjan

    #1012508

    Ok.. not cool.. Now even colums, text and breaking points are not good anymore. Text is flowing into other text on the home page and workshops page.. And that was all OK.

    Greetings,

    Arjan

    • This reply was modified 6 years, 2 months ago by ArjanDenHaag.
    #1012517

    Hi,

    Are you still adding css? Please use the following to add a screenshot:

    https://snag.gy/

    Best regards,
    Jordan Shannon

    #1012520

    Hello.
    No, I am not doing anything. But there was already CSS for other items.

    screenshots menu:

    greetings arjan

    #1012526

    Mike has helped me with this one. Afterwards I have added others, similar for sections on page Workshops.

    Screenshots for overlapping text home page:

    https://snag.gy/EgFIsD.jpg

    With CSS:

    @media only screen and (min-width: 767px) and (max-width: 1024px) {
    #top.home #av_section_2 .av_one_fourth {
    padding-right: 0px !important;
    padding-left: 0px !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    }
    }

    #1012558

    As you can see below, it’s not fine now. page Workshops:

    https://snag.gy/veKsXW.jpg

    https://snag.gy/jlPCEW.jpg

    https://snag.gy/vyYJSW.jpg

    https://snag.gy/jxuPht.jpg

    Greetings, Arjan

    #1013713

    Hi Arjan,

    Please try the code as below.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (min-width: 767px) and (max-width: 1024px) {
        #top.home #av_section_2 .av_one_fourth,
        .flex_column.av_one_fourth strong {
            padding-right: 0px !important;
            padding-left: 0px !important;
            overflow-wrap: break-word;
            word-wrap: break-word;
            -ms-word-break: break-all;
            word-break: break-all;
            word-break: break-word;
            -ms-hyphens: auto;
            -moz-hyphens: auto;
            -webkit-hyphens: auto;
            hyphens: auto;
        }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1014724

    Thanks. It works already. You may close this ticket.

    With kind regards,

    Arjan

    #1014847

    Hi Arjan,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.