Joomla Templates Club 406,261 posts

[librandi Friend librandiJoin date: February 2012Posts: 587Downloads:89Uploads:163 Thanks: 123 Thanked: 2 times in 2 posts]

#1061713

hi,
how I can move the menu on the right and up?
thank you

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1061719

Hi
Try this code in custom.css file

@media screen and (max-width: 767px)
{
.t3-header .row {
    margin: 0;
    display: flex;
}}

Hope it helps.

Regards

[librandi Friend librandiJoin date: February 2012Posts: 587Downloads:89Uploads:163 Thanks: 123 Thanked: 2 times in 2 posts]

#1061754

Hi Pankaj Sharma,
I try but nothing change

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1061758

Hi
Kindly clear cache and check again,
It’s working fine at my end http://prntscr.com/gkkeoj

Regards

[librandi Friend librandiJoin date: February 2012Posts: 587Downloads:89Uploads:163 Thanks: 123 Thanked: 2 times in 2 posts]

#1061817

thank you very much,
is it possible to reduce this space on the mobil?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1061937

Hi
It’s coming from your custom.css file : http://prntscr.com/gkvye9
You can apply media query on the code to apply it only to PC.

Regards

[librandi Friend librandiJoin date: February 2012Posts: 587Downloads:89Uploads:163 Thanks: 123 Thanked: 2 times in 2 posts]

#1062008

thanks,can you write me the code?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1062011

Hi
I already wrote the code above 🙂

@media screen and (max-width: 767px)
{
.t3-header .row {
    margin: 0;
    display: flex;
}

}

Replace

.t3-header .row {
    margin: 0;
    display: flex;
}

with your code.
Here documentation

[librandi Friend librandiJoin date: February 2012Posts: 587Downloads:89Uploads:163 Thanks: 123 Thanked: 2 times in 2 posts]

#1062287

hi,
how I can move the menu on the right?
thank you

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1062520

Hi
Use this code

@media screen and (max-width: 767px)
    {
  .t3-mainnav {padding-left:90px;} }

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. librandi

[librandi Friend librandiJoin date: February 2012Posts: 587Downloads:89Uploads:163 Thanks: 123 Thanked: 2 times in 2 posts]

#1062871

thank you, but for larger formats the nav tag is not aligned to the right. is there a way to do this?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1062880

Hi
You can change the media query value if you want to apply the code in more than 768px display or define new custom code for different display devices.

Regards

[librandi Friend librandiJoin date: February 2012Posts: 587Downloads:89Uploads:163 Thanks: 123 Thanked: 2 times in 2 posts]

#1062884

I meant a width greater than 360 but always lower than 767, for example overturned 360px one becomes 640px in width. thanks

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1063002

Hi
i am not sure what you mean by width, please follow this documentation to know how the media queries work and you can apply them as per needs.

Regards

[Author]

Posts