-
Posts
-
Hallo!
I would like to change the socket of the website that I am working on for the mobile version. pls see screenshot:
(Ich würde gern den Socket bei der Website, an der ich gerade arbeite in der mobilen Version ändern, da die 3 Spalten etwas schmal werden. Siehe Screenshot:)
https://josk-design.de/socket-mobile-version.jpgLinks Website see private content.
Thanks in advance!
JosephineHey josk-design,
Thank you for the link to your site, this is odd because the footer columns are meant to look as you are asking. Please try disabling the theme options Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and remove the broken shortcode above the footer under “Unser Angebot”
Then clear your browser cache and check.
If this doesn’t help also try updating to v4.8.9.1 as it contains some fixes and check again.
If this doesn’t help please include an admin login in the Private Content area so we can investigate.Best regards,
MikeHi Mike,
I followed your advices but I don’t know how to manage it.
In private content you find a login.It is very strange because, when I started work today after the weekend. There was the broken code that you spoke of. As well, a lot of my work from Friday was gone. :(
Some other problems suddenly appeared:
(I summarize)
1.) mobile version of footer in rows (my first post in this thread)2.) the plugin hyphenator does not work anymore. Before it worked and german hyphenation was fine.
3.) also: I did hide the footer [as long as the problem 1.) ist not solved] I did that on friday with the following script:
@media only screen and (max-width: 767px) {
#footer {
display: none;
}
}
on friday it worked, but now it does not work anymore.
Very strange. Seems to be a seroius problem with css coding…I would be happy if you could help me!
Best regards
Josephine
Hi Mike,
I forgot a topic concerning the order of content in mobile devices.
4.)
pls see:
https://josk-design.de/reihenfolge-mobile.jpgTo put the pictures and texts in the correct order for mobile version I did the following workaround:
I’ve put everything in a color section, I did a duplicate of the color section, I choosed for the first color section: hide on
small screens
[ Auf kleinen Bildschirmen verbergen (zwischen 480px und 767px – zB: Tablet Porträt)
Auf sehr kleinen Bildschirmen verbergen (kleiner als 479px – z.B.: Smartphone-Hochformat) ]in the second color section I changed the order so that it is correct for smaller screens and I chose : hide on small screens
[ Auf großen Bildschirmen verstecken (breiter als 990px – z.B.: Desktop)
Auf mittelgroßen Bildschirmen verbergen (zwischen 768px und 989px – z.B.: Tablet-Querformat) ]Is this the correct way to do it? I think it is quite a lot of work… ;-)
Best regards
JosephineHi,
Thank you for the login, I have found that your page structure is not correct but it is correct on the blog page and a test page I created /test-footer-page/
the #footer div is outside the #wrap_all div, typically this occurs when there is an unclosed div on the page, so I tried to copy the page and remove the elements one at a time to find the error but the error remained until all elements were removed and then it was corrected.
Please try updating to Enfold version 4.9 which came out yesterday, and change my users language to English, I didn’t have access to do this and was having some trouble.
I see that you have most of the page elements as templates, so please try adding one template element at a time to a test page and save and then check on mobile for the footer widgets to be full width like on my test page, this will be a sign that the page structure is correct.
If you find a template that causes the footer widgets to be next to each other like on your homepage then this element has an error in it.Best regards,
MikeHi Mike,
thanks for your reply. I do not know how to update Enfold theme. I created the token and that worked out. But in WP dashboard there is no option to update Enfold theme.
But nevertheless I did like you told me, I built a new page and checked what is happening concerning the footer in the mobile version.
And this is what I found out:
When there is a text window above the layer slider, no matter if it is filled with text or not, the mobile footer is ok!
Firs I thought it was because of a text window that is a little strange, I’ve put non formatted text in it and after inserting a blank line the text was formatted differently.https://kuhl-consult.josk-design.de/test-homepage-1/
https://kuhl-consult.josk-design.de/test-homepage-2/But I think there really might be a serious problem somewhere on the site. Today I worked on:
https://kuhl-consult.josk-design.de/coaching-existenzgruendung-2/
Everything was ok, and then all of a sudden the code was broken.I think probably I should build up from the beginning the whole site without using the templates that I did.
I just checked, the blog is fine regarding the mobile version, but “Kontakt” also has the footer problem. :/
https://kuhl-consult.josk-design.de/kontakt/I switched the language to english so that you can have a look.
BR Josephine
PS: I’ve inserted empty text blocks in every page. The footer in the mobile version is correct. But as I wrote in my previous post, I think it’s kind of concerning, that all of a sudden the pages I’ve been working on are destroyed.
PPS: today at 3pm berlin time I have a presentation so I locked the temporary login and I will open it again after I showed the page to my client :)
Hi,
Thanks for the feedback, you should not need to add any elements above the layerslider for the page structure to be correct.
I tested on my demo site below using the layerslider element and the layerslider shortcode in a code block element and a text block element, as I recall most of your layersliders are shortcodes in code block elements.
Perhaps you have an open html tag in your layerslider, like a strong tag or a div?
If you have a damaged element template then every page you use it on will be also damaged.
I also tested your page shortcode on my demo site, linked below, and while it doesn’t include your sliders or styling it doesn’t break the footer, so I’m not sure.If you are having trouble updating you can also update your version of Enfold by downloading the latest version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue
then you will see the Theme updated successfully message.
Best regards,
MikeHi Mike,
thank you very much for the feedback.
I updated the theme and did some testing.
The result is:
here (just Fullwidth Easy Slider in it)
https://kuhl-consult.josk-design.de/footertest-only-slider/
footer in mobile version is ok.Here (just Fullwidth Easy Slider AND an empty color block – totally new not a template, totally new page – in it)
https://kuhl-consult.josk-design.de/footertest-slider-and-empty-color-section/
its not ok.isn’t that weird?
If oue wonder about the look of the typography of the slider, I’ve started a new thread for that:
Fullwidth Easy Slider position of caption-content and caption-title responsiveBest regards
Josephine
PS: all of a sudden a menu titel named: Bookmarks appeared in the footer.
:O I really don’t have an idea what happened and I díd not find the place where to meáke it invisible. pease help! :))Hi,
The word “Bookmarks” in your footer is from a widget, please check. The login token link above is not working, please check.Best regards,
MikeHi,
Above you had posted access with a Temporary Login Without Password token, I believe the time limit has expired because it’s not working now. Please check.Best regards,
MikeHi Mike,
oh you are right, the login had expired. I refreshed it.
Concering the “Bookmarks” I do not find it in
appearence > widgets
I also had a look in
appearence > menus
I did not find it. And I don’t understand why it was suddenly there?Sorry, I feel a little silly… Perhaps I am blind?
And I would be happy if you could help me with #1342310
Best regards and thanks in advance
JosephineHi,
Thank you the login, the “Bookmarks” widget was from the “demo” of the theme, it shows when there is an empty widget column.
I added an empty text widget to the column which turns the “demo” off, once you add a new widget there you can remove the empty text widget.I see the missing footer on your page /footertest-slider-and-empty-color-section/ for mobile when the empty color section is applied, yet when I test this on my demo site this error doesn’t occur, please see my test page below.
Please try disabling all of your plugins to see if this corrects, if it does enable the plugins one at a time until the error occurs again.Best regards,
Mike
- You must be logged in to reply to this topic.