I have a Shopify website and I'm trying to center my logo for mobile and move the hamburger menu to the far left for mobile as well, how would I go about doing this?
You'll need to go into the style-sheet and edit the CSS inside your media queries. You'll find your media queries in your styles.css.liquid file.
And here is link: How to edit html/css of shopify
Related
I want to add bunch of images on the top of the "OpenLayer" map, implemented in a vue.js project and would like to direct users to the company's website by clicking on the logo (image). The map is already set, but I have no idea how to add the CLICKABLE logo image on top of it.
Thank you for your support.
I am trying to add a video instead of image in to Shopify store. I tried using ALT image code embed video but it did't work. So how can I do it? I found some stores do that please see this site:
https://www.beardbrand.com/collections/utility-balm/products/tree-ranger-utility-beard-balm
I need exactly the same.
Here's a simple way to set a video as your product image.
In your admin - select a product you would like to add a video to.
Hover over a product image you would like to add your youtube video to.
Select "Edit Alt Text"
Paste your Youtube embed link in the dialog box.
Save your changes!
I want to make a mega menu with custom coding in shopify Like https://shopifybooster.myshopify.com/ . But I can't find any solutions. I know there is plenty of mega menu app for shopify. But they are costly. So, I want to make a mega menu with custom code.
Yes it is possible to creat it..
If app developer can do it than we can easily do it.
Develop your static html and css for navigation after that create the menu from admin and than develop your html dynamic with use of link list.
Here is the link. You can fetch the collection url and display it.
You can do the sorting of sub menu in alphabetic orders..
I did it in past and it is little complex but if you are good discerning developer than it's not a big issue for you to understand the code..
There is no rocket science...
If you don't want to use Shopify Mega Menu app, You can make your self by static HTML.
Follow the tutorial to create a HTML mega menu: https://designmodo.com/create-css3-mega-menu/
I accidentally deleted the social media icons on odoo website. I wanted to know how to get it back on website.?
Anyone has any idea on it?
I can speak to Odoo 10e (is is a couple of years after original question).
As Admin, login to Website and from the menu choose CUSTOMIZE from the menu. Then switch on the "AUTOMATIC FOOTER" slider.
This presumes that you have entered Social Media information in WEBSITE ADMIN/CONFIGURATION/SETTINGS/SOCIAL MEDIA.
This is the built-in way to display your Social Media icons in Odoo 10e.
I'm using jQuery mobile, and am using a home button in the header. When clicked, the home button has a blue highlight. I want to get rid of this, but can't seem to track down the CSS rule/-webkit CSS rule to do this.
Screenshot:
Can anyone help?
In jQuery Mobile the class added to buttons just pressed is: ui-btn-active. Here is a link to the documentation that talks about this class (although it doesn't say much): http://jquerymobile.com/demos/1.0b2/docs/toolbars/docs-navbar.html
Not sure if this is what you needed but I figured it might help. I'd recommend using FireBug or some such DOM Inspection tool to view the button in real-time.
You sure that's not just the default hi-light that links get when focused?
Try
#buttonID:focus{
border: none;
outline: 0;
}
An idea to help you track the problem as you don't share the link (you can easily just share the first page), is to use Safari, Chrome or even Firefox and make them act as an iPhone so you can use their Inspector / Firebug to track the problem
Firefox has a Agent User Switcher that you can easily make use in order to the browser be intrepertate as an iPhone
Chrome has it as well just add the User Agent string in the Extension options to create a new option
Safari 5 is the easiest one as this is already built in:
Open Safari and go to the Preferences, move to Advanced. At the bottom of the tab there is a check box for Show Develop menu in menu bar.
Go to the Develop menu and move to User Agent and select any iOS device.