1. How to center an image on a portfolio post? I want the 50% width size, but it displays left aligned. How do I show one image that is 50% width and centered?
2. On mobile, the menu doesn't show up (after you push the hamburger button). Can you help me set the mobile menu to be identical to the desktop with the same content? Right now on mobile it shows nothing.
Can you please send me the exact URL where you are having this problem? Maybe you are using the Side Portfolio Item type (see screenshot) and that's why you can't center the images.
2— This is happening because you don't have any menu that you are using. On a desktop you are only using widgets on your Sidebar Menu, but not a Menu with pages. Widgets are not supported on Mobile Menu.
If you want to add your pages to your menu you can do it like this (see video).
Hello!
Can you please help with a couple questions:
1. How to center an image on a portfolio post? I want the 50% width size, but it displays left aligned. How do I show one image that is 50% width and centered?
2. On mobile, the menu doesn't show up (after you push the hamburger button). Can you help me set the mobile menu to be identical to the desktop with the same content? Right now on mobile it shows nothing.
Many thanks!
Hi Kristen,
1— I can see that you are using the Centered layout on basically all your projects, so this should not happen.
Can you please send me the exact URL where you are having this problem? Maybe you are using the Side Portfolio Item type (see screenshot) and that's why you can't center the images.(view large image)
2— This is happening because you don't have any menu that you are using. On a desktop you are only using widgets on your Sidebar Menu, but not a Menu with pages. Widgets are not supported on Mobile Menu.
If you want to add your pages to your menu you can do it like this (see video).
Have a nice day!
HI Ylli,
Here is a URL: https://www.hey-kristen.com/stardust-screenprint/
It is centered but at Full width I can't figure out how to display 50% (so it is centered with white space on left and right). Thank you!
Hi Kristens2,
I added this CSS code in the Parameters and Options > Custom CSS area of that project:
@media screen and (min-width: 768px) { .single-portfolio-holder .gallery .photo { width: 50% !important; left: 25%; } }and this will make that change to devices that have a width of 768px and up.
If you want the image to be 50% in every device then you can change the CSS code with this one:
.single-portfolio-holder .gallery .photo { width: 50% !important; left: 25%; }See video: https://d.pr/v/LFAXE3
Have a nice day!
Thank you very much!!
Happy to hear that
Have a great day!