-
Hello, I’m having trouble centering my recipe gallery title (created in elements). And I’m also trying to center my homepage header menu headings. Lastly, I wanted to add a light grayish border line below the logo on my homepage, and below the site title in my mobile header.
In additon, I’d like that same border line under my menu headings to create balance between the end of the header and the beginning of the recipe gallery. Thanks!
-
Hello,
Could we see a URL please? You can put it in the private section of your reply!
-
It’s a staging site, though. Do you want my temporary login credentials that I used for yesterday’s ticket?
-
Yes, that would be great. Please enter the info in the private section of your reply!
-
Here they are.
-
Hello,
Credentials seem to not be working.
-
Ok, it should work now
-
I’m having trouble centering my recipe gallery title (created in elements)
Add this CSS:
.center-gallery-title { margin-left: auto; margin-right: auto; }I’m also trying to center my homepage header menu headings.
Appearance -> Customize -> Layout -> Primary Navigation, set Navigation Alignment to Center
I wanted to add a light grayish border line below the logo on my homepage, and below the site title in my mobile header.
Try this CSS:
.site-logo img, .navigation-branding .main-title a { border-bottom: 1px solid grey; } -
The menu headings weren’t set to center? I thought they were..
-
On the staging site you submitted in the private area, they weren’t. Looking at it now your staging site looks different than you live site. I was checking the staging site.
-
Yes, I need the menu headings centered on the staging site. I have the Kale theme on the live site.. So, you said it’s not set to centered in the staging site, right?
-
It didn’t seem to be, did you try the following?
Appearance -> Customize -> Layout -> Primary Navigation, set Navigation Alignment to
Center. -
Ok, I see where it was set to left aligned. I haven’t tried the other codes yet, but I noticed on mobile (maybe it’s because I’m logged in?) that the header isn’t showing. Only when I scroll down, then the header (site title/icons appear. Thank you.
-
Only when I scroll down, then the header (site title/icons appear.
You mean when you scroll up, right? This is a setting in the Customizer -> Layout -> Header, then
Hide when scrolling downcheckbox at the bottom. Once you uncheck this, your mobile header will always show. -
Hello, that did it! With the gray border lines, I forgot to mention that I wanted the border line to span the entire width of the top of the homepage menu headings and the entire length of the mobile header. I also wanted a second border line of the same length under the homepage menu headings.
I’m also noticing that some of the 2 column recipe photos on the homepage seem to be a little longer on the right side column. Can you see it? I’m also noticing that there’s a little red circle with a line through it whenever I hover near the comment box and rating section, also it appears with the pin recipe button in the recipe card.
Last of all, how do I decrease the mobile recipe titles? They’re a little too large. And how to just show the back to top button only on laptop/desktop, but not on mobile.
I would greatly appreciate your assistance with these issues, and appreciate your help so far. After these are done, I can finally push the theme live.
-
I am not able to log in:
https://app.screencast.com/NmBF8zgtCMhIjCan you check?
- You must be logged in to reply to this topic.