[Resolved] Footer background color, Mobile site logo and title, Sticky header

  • Author
    Posts
  • #6131

    Andrew Misplon
    Keymaster

    Hi 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.

    #6132

    provwp
    Participant

    Hi Andrew,

    Please take your time. I am very glad that you are actually helping me. Thanks again.

    Srikanth

    #6137

    Andrew Misplon
    Keymaster

    Hi 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 🙂

    #6167

    provwp
    Participant

    Hi 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,
    Srikanth

    #6168

    Andrew Misplon
    Keymaster

    Hi 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.

    #6181

    provwp
    Participant

    Hi 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,
    Srikanth

    #6182

    provwp
    Participant

    Sorry, the numbers above are meant to be 2 and 3 (not 1 and 2).

    #6185

    Andrew Misplon
    Keymaster

    Correct, 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.

    #6213

    provwp
    Participant

    Hi 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,
    Srikanth

    #6214

    Andrew Misplon
    Keymaster

    Awesome, thanks for finding that and solving the issue, nicely done.

    Chat soon, cheers 🙂

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

Scroll to top