0
Welcome Guest! Login
0 items Join Now

SOLVED Helium - Adjust logo for smartphone view -2

Last Post
Search Topic

  • SOLVED Helium - Adjust logo for smartphone view -2

    Posted 4 years 2 months ago
    • Please advise why svg image ubnormaly expanded on smartphone view, on desktop everything fine.
      GIF image scaled normally, but SVG not react at any directives (
    #1422106
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED Helium - Adjust logo for smartphone view -2

    Posted 4 years 2 months ago
    • Use this code...
      .b-logo svg {
    max-width: 142px;
}
.b-logo {
    text-align: center;
}
.g-offcanvas-toggle {
    top: 3rem;
}

      That will also move the offcanvas toggle off the top of your language switcher flags.

      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.


      Regards, Mark.

    • The following users have thanked you: Borys Grebnevskyi

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1422111

  • Re: SOLVED Helium - Adjust logo for smartphone view -2

    Posted 4 years 2 months ago
    • Thanks, can't mark as a solved (
    #1422114

Time to create page: 0.050 seconds