Advertisement:

Author Topic: Redsy  (Read 92731 times)

Offline S-S

  • Newbie
  • *
  • Posts: 7
Re: Redsy
« Reply #220 on: February 10, 2018, 10:44:53 AM »
Hello,
Can somebody help me with the size of logo in mobile view?

Before i login, the logo and navbar are rendering fine:


After the login, user menu icon is visible and it's messing around the navbar:


I tried to modify the index.css by adding "max-width: 80%", the logo gets smaller but the navbar remains the same.

Quote
.navbar-brand .logo
{
   min-height: 50px;
   margin-top: -15px;
   max-width: 80%;
}

Approve my registration and i will take a look for you. 

If it's mobile view you will most likely need to be adjusting @media in your css

Example
Code: [Select]
@media (max-width: 767px)
.logo {
    width: 80%;
}
 

Offline vladraq

  • Newbie
  • *
  • Posts: 2
Re: Redsy
« Reply #221 on: February 13, 2018, 02:08:14 PM »
Registration approved.

I already tried to do this on index.css. Logo is getting smaller but the navbar height remain the same.


If i change the phone orientation to landscape everything it's ok.


Quote
@media (max-width: 767px) {
   .scroll-to-top {
      display: none;
   }
   .show-menu {
      display: block !important;
      visibility: visible !important;
   }
   .logo {
   width: 80%;

    }
}
« Last Edit: February 13, 2018, 02:18:54 PM by vladraq »

Offline S-S

  • Newbie
  • *
  • Posts: 7
Re: Redsy
« Reply #222 on: February 14, 2018, 08:17:15 AM »
You can do it in your bootstrap.css by setting a max-width to 'navbar-brand' like below.

Find:
Code: [Select]
.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}

Replace:
Code: [Select]
.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
    max-width: 70%;
}