Good day,enter image description here
I'm building an ecommerce website on wordpress
I have a sidebar on my products page but when on mobile view, the sidebar is seen after all the contents on the website.
Is there any way I can make a button that will be sticky and when its clicked the side bar will show on mobile view
I want it to lool like what's in the picture or the link below enter link description here
I'm using astra theme
Thank you...
Maybe u can inspect your browser (right click - inspect) and check your properties in elements when you click the "sidebar" html tag.
On the right side you will finde the Sytles properties where you can try out your changes.
I guess you have to adjust the width.
Edit: If you work with elementor you have the possibility to add css code in the tab "additional css".
Related
I'm building a website for a client in Wordpress using the Avada Theme and for some reason, my nav bar anchor links are not working at all on mobile (when I click on one of the items in the dropdown either using Firefox's responsive view or my actual phone, it just goes to the top of that page, not to the section where the ID is), even though it works fine on desktop.
This is the website in question: http://harcourt.epicdev.co.za/
It's the items under What We Offer that I'm trying to get to work, and unfortunately the Avada forums are no help whatsoever.
Thanks in advance!
in avada you need to add an element anchor to the position where it should scroll to and give it a name.
Avada have this ability so you can adjust the exact position of an anchor accordingly to your needs. simply add the anchor element into your page wherever it should scroll to on click in menu, and its done. works in every browser. even IE.
i use the same procedure in my crypto lexikon.
good day,
I am using Wordpress and Elementor Pro for creating my website but I want to do like photo attached but I could not
I search a lot and found some said two buttons or nav menu or hamburger panel
but I didn't find any of these
So how can I make like this once user choose button shows up something else?enter image description here
Did you try "Tabs"? You can place her different contents at the same area by clicking the Tab Title which you could style with css.
I have a quick question about the theme’s product pages on mobile. How can I show the sidebar below the content. I know how to show the sidebar by using the ”filter” button but I need to show it without having to click.
I looked at the event on the filter button but it is a minified function inside flatsome.js?ver=3.12.1
but didn't figure out how to call the funcion.
Thank you in advance!
From the WP dashboard, go to Appearance > Customize > WooCommerce > Product Page and uncheck the option that says "Off-canvas Sidebar for Mobile."
screenshot of Customizer option described above
This should place the sidebar below the product page content on mobile.
I am planning to add a button which will be sticked to bottom of the screen, centered, only on mobile to my wordpress web site but ı must to insert this button to all pages on my website. I don't want it to show on desktop or any other devices.
Can someone help me about this.Because ıdont want call now button plugin.I want to use this without plugin.
All help is appreciated. Thank you very much!
You can add button HTML with class name in a widget and call widget code in the footer. Then you can add a media query to button class to display in mobile.
I'm fairly new to WordPress and I'm working on a site that was created by someone else; I've inherited the entire thing. There is a Hero Slideshow which works, but users have to click on the "tabs" then click on another image (Learn More) in order to go to the page they want; which of course is too much trouble.
I've found the code in front-page.php and I've changed how the spans and a href tags are in hopes of making the "tabs" in the Hero slideshow link directly to the associated pages. Everything looks correct and if you hover over the tabs the browser will show the correct link - however when you click on the tab it simply rotates the slideshow and doesn't actually link to the associated page. I can't find where I can change this behavior.
Anyone have any ideas?
stay well away from the php in wordpress .
just uninstall the hero slideshow and use "Cyclone Slider 2" plugin its very user friendly
easy to use , you can add and change pic and there is a lot of options on movement speeds enbed url links (etc)