Hello,
I haven’t been editing my website in a while, and now I came up with some questions.
1 – I’d like to have a widget above content area, below the slider. Should I move sidebar above content area or there’s another way? Either way, how should I proceed?
2- For the mobile version, I’d like to achieve something like this: (http://www.sheratonmilanmalpensa.it/) . Basically a sticky bar on the bottom of the page with two links, a phone number and a reservation link. Eventually, would there be a way to have no.1 question widget working as this bar?
3- I temporarely removed language links because I wasn’t able to find a good place to put them. Question no.1 should solve this, but also, how can I have them on the very right-top of the page (in forms of little flags)?
Website: http://bbvillagiglio.com
I’m sorry for all the questions,
Thank you in advance and kind regards,
Nicholas
Hi Nicholas,
1. Unfortunately, this isn’t possible without a fair amount of custom coding. This is beyond the scope of what we can help you with on the forums, but you could hire a developer to implement this for you. We highly recommend using Codeable.
The only real option without writing a fair amount of custom code would be to rebuild the masthead but sadly this will mean that the content is above the navigation. This can be done by navigating to WP AdminAppearanceWidgets and adding a layout builder to the masthead. To clarify, the layout builder will allow for you to structure your header with a familiar page builder interface.
2. Please navigate to WP Admin > Appearance > Widgets and rebuild your footer widget area via a layout builder. Once done, create a new row and set this row up as desired. This row will be the row that appears on mobile. Please open the row and head over to the row styles sidebar. Open the Attribute settings group and set the class to sticky_footer-mobile and then save. Now please navigate to WP AdminAppearanceCustom CSS and add the following CSS:
.sticky_footer-mobile { display: none;}@media (max-width: 550px){ .sticky_footer-mobile { display: block; position: fixed; bottom: 0; right: 0; left: 0; width: 100%; }}How does that look?
3. You can use CSS to do this. Please add them to your page (be it via the method outlined in 1 or to your footer) and then let me know. I’ll write some CSS to allow for this.
Hello,
Thank you for your answer.
No problem about no.1.
2. I tried, but it doesn’t follow the page scroll, it just stays on the very bottom of the footer. Also, if I use position:absolute, it won’t go full width, it does with position:fixed.
Also, if the row is divided in two columns, it will show just one widget, don’t know if the other one is beneath. This is less important though, because I think I can manage my purpose even with a single column.
3. Forget it, I decided to put it in menu.
Thank you,
Nicholas
Hi Nicholas,
2. Oh! Sorry, that was a typo. I had meant to write fixed rather than absolute – just corrected it.
Also, if the row is divided in two columns, it will show just one widget, don’t know if the other one is beneath. This is less important though, because I think I can manage my purpose even with a single column.
Is there a page where I can see this? This definitely shouldn’t be happening. Please note that if it’s currently present, I can’t see it due to the page cache. Can you please clear it? For reference, you’re using W3 Total Cache.
Yes, it’s currently present, now I cleared the cache.
The main problem though is that the row doesn’t follow the page scroll, I can see it only when I reach the footer.
Thank you,
Nicholas
Hi Nicholas,
I can’t see what but someone is preventing it from being fixed on load. Hm, what are you using for the custom fixed menu? Can you try temporarily disabling that to see if that’s interfering?
I was using WP Mobile Menu. Deactivating it now the widget is fixed. Any way to have them both running?
Hi Nicholas,
To be honest, I’m not too sure. I would recommend getting in contact with the developers of WP Mobile Menu to see if it’s possible to prevent this issue – some sort of compatibility mode so that it doesn’t prevent other fixed elements.