Recent
Categories
View Replies (7)

Icon not showing

0
Votes
Undo
  1. erikoraka
    erikoraka
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 22 November 2022
  5.  Subscribe via email
Hello Ciaran,

I have two issues:


  1. I added a button on the right top corner of the site https://www.gw-wineroutes.com/en/.

    2. There is also an icon on the left part of the button which should be showing like in photo attached but it does not.

    Can you please look into it?



  1. Also if you look in mobile view the header-2 is overlapped by the button and when I add css in the Home template (No 22) in the responsive options so as to move it left of the button it does not work. Whereas in the desktop template I have added the relevant css code it works. Can you please also help on this, too?


Thank you for your kind help in advance!

Best regards,

Eri
Attachments (1)
Screenshot 2022-11-22 112927.jpg Screenshot 2022-11-22 112927.jpg
Responses (7)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Eri

1. This does not appear to be a Joomla51 component. Could you please detail how this icon was added? Is this a 3rd party extension?

2. To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media only screen and (max-width:767px) {

    .header-2 {

        top: 65px;

    }

}


3. To amend try also adding the following...

.hlANmy.hlANmy {

  background-color: green !important;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
erikoraka
erikoraka
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

Thank you for your help!

Regarding 2 it worked for the phone and tablet portrait but it does not work for tablet landscape..

Can you please advise?

Thank you again!

Eri
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

In the media query you can increase the screen size to your own taste. Eg. 

@media only screen and (max-width:1080px) {

    .header-2 {

        top: 65px;

    }

}
  1. more than a month ago
  2. Commercial Templates
  3. # 3
erikoraka
erikoraka
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciaran,

I changed the pixels to 1080 but nothing happens. Still in the landscape view of my ipad mini the search icon stays behind the the button.

See the following url I have applied the custom css..

https://www.gw-wineroutes.com/en/

Can you please advise?

Thanks again,

Eri
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Eri

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
erikoraka
erikoraka
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciaran,

Kind reminder on my request above. I have sent you the credentials to info@joomla51.com

Best regards,

Eri
  1. more than a month ago
  2. Commercial Templates
  3. # 6
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

I am unable to locate which template style is assigned to your home page. Regardless try adding the following to your custom CSS field to move the header position from its default position...

@media only screen and (max-width:1500px) {

    .header-2 {

        right: 120px;

    }

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 7
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok