Menu Dropdown - Support | Kriesi.at - Premium WordPress Themes

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
September 17, 2015 at 6:56 pm #505086

jdrakeproductions
Participant

hey guys
i’m using this menu header plugin for a portfolio grid selection. wanted to see if you could help me on one slight modification.

http://jdrakeproductions.com/moyersgroup/ i just want to make this page look similar to

this page
http://www.powerhouse-company.com/all_projects.html

i want the selection areas to be boxed in and larger. any idea on how to do that?
thanks for the help

September 18, 2015 at 1:53 pm #505490

Yigit
Keymaster

Hey jdrakeproductions!

Can you please post a screenshot and show the changes you would like to make so we can make sure that we are on the same page?
You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

Regards,
Yigit

September 18, 2015 at 3:45 pm #505611

jdrakeproductions
Participant

I have attached a link to the screen shot of what I am looking for. It doesn’t have to look exactly like this, but I’m trying to get something close. I just want the dropdown options to be bigger and with a box around them. thanks for your help

http://www.jdrakeproductions.com/moyersgroup/wp-content/uploads/2015/09/PortfolioPage.jpg

September 19, 2015 at 5:19 am #505837

Ismael
Moderator

Hi!

Where can we find the actual portfolio page? In the home page (http://www.jdrakeproductions.com/moyersgroup/), there’s only a slider. The “projects” page is blank: http://www.jdrakeproductions.com/moyersgroup/our-projects/

Cheers!
Ismael

September 19, 2015 at 1:36 pm #505918

jdrakeproductions
Participant

sorry here is the link for the portfolio page

http://www.jdrakeproductions.com/moyersgroup/our-projects/our-projects-portfolio/

September 21, 2015 at 6:27 am #506219
Rikard
Keymaster
Hey,

Please try the following in Quick CSS:
```
.esg-filter-wrapper.dropdownstyle {
  border: 1px solid #ddd !important;
}
```
Best regards,
Rikard
September 21, 2015 at 6:31 am #506221
Ismael
Moderator
Hi!

Thank you for the info. You can start with this in the Quick CSS field:
```
.esg-selected-filterbutton {
    background: white !important;
    border: 1px solid #e2e0de;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    font-size: 15px;
    height: inherit;
    line-height: inherit;
    width: 100% !important;
    box-sizing: border-box;
    border: 2px solid gray;
    padding: 5px 20px;
}

.esg-filter-wrapper.dropdownstyle {
    width: 23%;
    margin-left: 1% !important;
    margin-right: 0 !important;
}
```
Best regards,
Ismael
September 22, 2015 at 3:05 pm #507094

jdrakeproductions
Participant

hey guys
the menu drop down looks great! can you check it on mobile? its a little jumbled up. thanks

September 22, 2015 at 3:17 pm #507104
Yigit
Keymaster
Hi!

Please add following code to Quick CSS as well
```
@media only screen and (max-width: 990px) {
ul#ubermenu-nav-main-12-avia li {
    width: 100%!important;
}}
```
Best regards,
Yigit
September 22, 2015 at 4:31 pm #507182

jdrakeproductions
Participant

here are a couple screenshots i took on my iPhone. vertical and landscape.

http://www.jdrakeproductions.com/moyersgroup/wp-content/uploads/2015/09/image1-2.png

http://www.jdrakeproductions.com/moyersgroup/wp-content/uploads/2015/09/image2.png

September 23, 2015 at 10:35 am #507589
Ismael
Moderator
Hey!

Try to adjust the font size:
```
@media only screen and (max-width: 767px) {
.esg-selected-filterbutton {
    padding: 2px 3px;
    font-size: 10px;
}
}
```
Regards,
Ismael
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.