Skip to main content

Notifications

Community site session details

Community site session details

Session Id :
Power Pages - Customize & Extend
Answered

If I use the mobile or smaller screen menu "hamburger" the word "home" does go down far enough in the header.

(0) ShareShare
ReportReport
Posted on by

I think it might have something to do with the graphic. Any help is appreciated!
Screenshot 2023-01-18 131735.png

Categories:
  • Community Power Platform Member Profile Picture
    on at
    Re: If I use the mobile or smaller screen menu "hamburger" the word "home" does go down far enough in the header.

    That's what I did. I stated that in my earlier post. Thanks!

  • oliver.rodrigues Profile Picture
    9,315 Most Valuable Professional on at
    Re: If I use the mobile or smaller screen menu "hamburger" the word "home" does go down far enough in the header.

    Hi @Anonymous what Fubar is saying is to avoid making changes to the OOB bootstrap, you can simply create your own one to make the changes you need.

     

  • Community Power Platform Member Profile Picture
    on at
    Re: If I use the mobile or smaller screen menu "hamburger" the word "home" does go down far enough in the header.

    Yes. This is a custom template. The CSS and Liquid in the header are custom. 

  • Fubar Profile Picture
    7,960 Super User 2025 Season 1 on at
    Re: If I use the mobile or smaller screen menu "hamburger" the word "home" does go down far enough in the header.

    General rule - don't touch the bootstrap files. Microsoft can replace them, and you will lose your changes, similarly if you rename it or move it Microsoft may re-add it and then what gets rendered will depend on the order the files load.

    Instead, create your own file or use the Theme and add in the change and mark each of the items with the !important declaration to overwrite the ones in bootstrap instead.

     

    From past experience I can confirm if your logo image is too large you will get this type of issue (and slight variations at differing screen widths).  Even with your change double check on a mobile size screen as you may find the hamburger moves to the left and your spacing may not be enough etc when that occurs (and you may need to add different settings in media tags for the different screen sizes).

  • Verified answer
    Community Power Platform Member Profile Picture
    on at
    Re: If I use the mobile or smaller screen menu "hamburger" the word "home" does go down far enough in the header.

    Yes it was a change in the header. The graphic in the header is 75px by 75px. The problem was in the generic the (bootstrap.min) file. I made the changes in the image below. Also changed (bootstrap.min) name to something specific to this site.  I added padding to the top to push the menu down. Changed "padding-top" from 10px to 30px.   

    Rich2_0-1675689544398.png

     

  • oliver.rodrigues Profile Picture
    9,315 Most Valuable Professional on at
    Re: If I use the mobile or smaller screen menu "hamburger" the word "home" does go down far enough in the header.

    Did you make any header changes? or css changes? I have a blank portal here with minor customizations and seems to be working fine 

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Michael Gernaey – Community Spotlight

We are honored to recognize Michael Gernaey as our June 2025 Community…

Congratulations to the May Top 10 Community Leaders!

These are the community rock stars!

Announcing the Engage with the Community forum!

This forum is your space to connect, share, and grow!

Leaderboard > Power Pages

#1
Fubar Profile Picture

Fubar 69 Super User 2025 Season 1

#2
oliver.rodrigues Profile Picture

oliver.rodrigues 49 Most Valuable Professional

#3
Jon Unzueta Profile Picture

Jon Unzueta 43

Featured topics