- This topic has 10 replies, 2 voices, and was last updated 7 years, 8 months ago by Andrew Misplon.
- AuthorPosts
- March 23, 2017 at 11:42 pm #6130
provwpParticipantHi Andrew,
Thanks for resolving my earlier issue: spacing.
There are a couple of more things (www.beta.vedantaprov.org):
1. I am unable to change the bottom bar color. It is currently showing #303030 even though I specified it to be #212121 (the same as header background). Why does not it respond to the changes made in background color settings (Appearnace>Customize>Theme Design>Footer>Background Color)? The same holds for the text box that has the social media icons – changing the background color in Appearance>Home Page>Text>Edit>Design>Background Color to #212121 did not help.2. How do I make the logo smaller in mobile site with the title and tagline still being displayed beside it? Currently they go below the logo in mobile site.
3. Also, even though sticky header is toggled on, I don’t see the sticky header appear when we scroll in mobile site.
4. Lastly, in the menu options of mobile site, when the mouse hovers on the sub-options (for example: About-Us>Introduction) only the font changes to yellow. Should not the background too turn blue like it happens in the main options (e.g. About Us)?
You have access to my website and also my header can be accessed here: http://vedantaprov.org/query.html. Note that the changes seen there were done after seeing some posts in this forum.
Thanks for your help and time,
SrikanthMarch 23, 2017 at 11:46 pm #6131
Andrew MisplonKeymasterHi Srikanth
Thanks for posting. I’m glad I could quickly resolve the previous issues once I had access.
If you are able, please, move onto other work and allow me a day on this one. I, unfortunately, have a day away from the computer tomorrow but as soon as I’m back, will handle these challenges for you as quickly as I can. Hopefully, you are ok with the delay.
Chat then.
March 24, 2017 at 3:41 am #6132
provwpParticipantHi Andrew,
Please take your time. I am very glad that you are actually helping me. Thanks again.
Srikanth
March 24, 2017 at 8:37 pm #6137
Andrew MisplonKeymasterHi Srikanth
Thanks for the wait.
1. The bottom bar is currently displaying your setting of
#212121
. No widgets are added to the footer so the footer widget area doesn’t display. The last row on the home page, that’s a Page Builder row, the row background color is set in that specific row’s settings:#303030
. Edit the row by clicking the wrench icon far right.2. Try the following:
/* Logo */ @media (max-width: 480px) { .site-header .site-branding h1.site-title a { font-size: 13px; } .resp .site-header .site-branding h2.site-description { font-size: 12px; } }
Adjust as required.
3. Check if the mobile sticky setting is enabled: https://purothemes.com/documentation/ultra-theme/customizer/theme-settings/header/#heading-mobile-sticky-header.
4. Please, could you check
Customize > Theme Design > Mobile Menu > Link Hover Background
. Any change when adjusting that? Thanks 🙂March 27, 2017 at 8:03 pm #6167
provwpParticipantHi Andrew,
Thanks for your help.
1. Done.
2. Done. I modified it a bit by adding margin and padding options to reduce the gap between the logo and the title. Just a question: What typical size settings do you recommend for mobile website option? The reason I ask this is, in my cell phone, the logo+title appear well, where as in the Customize option choosing mobile view of the theme, the title goes below the logo. My cell phone dimensions are: 4.3 inches (110 mm) diagonally, with a resolution of 960×540 pixels. Settings>Page Builder>Layout says 780px for Mobile to kick-in. So why does the mobile view in Customize (780px) not show same as what is seen on my cell phone (540px width) as 780> 540?
3. I still need help here as sticky header is missing.
4. All set.So only issue 3 needs to be resolved and issue 2 just needs a clarification.
Thanks for your help.Regards,
SrikanthMarch 27, 2017 at 8:25 pm #6168
Andrew MisplonKeymasterHi Srikanth
Glad to hear you’re making progress.
2. We can introduce as many breakpoints as you’d like so if you want to optimize for the Customizer mobile view too, we can do that. There isn’t an optimal size I can recommend but we can introduce further controls if you want to do so.
3. Try switching back to the parent theme and see if there is any change. I can see the mobile sticky header is enabled based on the body classes but there are JS errors present in the console. Try the parent theme and test on mobile, let me know how it goes.
March 30, 2017 at 7:05 am #6181
provwpParticipantHi Andrew,
1. We can revisit this issue at a later date as for now our focus is on desktop site.
2. I switched to the parent theme, the sticky header appears well. So is there something on my header file of child theme that is messing it up?
Thanks,
SrikanthMarch 30, 2017 at 7:06 am #6182
provwpParticipantSorry, the numbers above are meant to be 2 and 3 (not 1 and 2).
March 30, 2017 at 3:06 pm #6185
Andrew MisplonKeymasterCorrect, you’d need to take a look at your child theme and try to figure out what the problem is. It might be the
header.php
file for example, reactivate the child, temporarily remove the header.php file and see if it helps, in the absence of error codes it’s a process of elimination to find the cause.April 3, 2017 at 8:07 am #6213
provwpParticipantHi Andrew,
Yes, I was missing this line in header.php: if ( siteorigin_setting( ‘header_sticky’ ) ) { echo ‘ sticky-header’; }. After adding this line, it is working well. You can set this case to “resolved”. Thanks a lot for your help.
Regards,
SrikanthApril 3, 2017 at 11:27 am #6214
Andrew MisplonKeymasterAwesome, thanks for finding that and solving the issue, nicely done.
Chat soon, cheers 🙂
- AuthorPosts
You must be logged in to reply to this topic.