Button on Homepage Size

Support
#1

Www.whitneymorgan.photography

On mobile, the top right hand button in my header is much bigger than I’d like and I was wondering if there is a way I could shrink it a bit.

Additionally, id like the hamburger menu to be right in the middle (hopefully hanging the button size will help with that)

#2

Hello There,

Thanks for writing in! The button text is the cause of this issue. You can either limit the text or truncate the text in smaller screens. You can make use of this code:

@media(max-width: 767px){
  .hm6.x-anchor .x-anchor-text-primary {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .hm6.x-anchor .x-anchor-content {
    padding: 4px;
  }
}

Hope this helps. Kindly let us know.

1 Like