-
AuthorPosts
-
September 20, 2018 at 8:35 pm #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.
September 20, 2018 at 9:11 pm #1012464Hey 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 ShannonSeptember 20, 2018 at 9:37 pm #1012472Hello,
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
September 20, 2018 at 10:20 pm #1012485Hi,
I’m not seeing the logo on my browsers at all. Can you please screenshot it?
Best regards,
Jordan ShannonSeptember 20, 2018 at 10:22 pm #1012486where do I upload a screenhot here?
greetings,
Arjan
September 20, 2018 at 11:11 pm #1012508Ok.. 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.
September 20, 2018 at 11:33 pm #1012517Hi,
Are you still adding css? Please use the following to add a screenshot:
Best regards,
Jordan ShannonSeptember 20, 2018 at 11:44 pm #1012520September 20, 2018 at 11:52 pm #1012526Mike has helped me with this one. Afterwards I have added others, similar for sections on page Workshops.
Screenshots for overlapping text home page:
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;
}
}September 21, 2018 at 1:04 am #1012558As you can see below, it’s not fine now. page Workshops:
Greetings, Arjan
September 24, 2018 at 5:18 pm #1013713Hi 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,
VictoriaSeptember 26, 2018 at 1:46 pm #1014724Thanks. It works already. You may close this ticket.
With kind regards,
Arjan
September 26, 2018 at 4:27 pm #1014847Hi Arjan,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.