Okay
  Public Ticket #2820413
Search style
Closed

Comments

  •  14
    studiograssi started the conversation
    July 7, 2021 at 2:22pm

    Hello,

    I'd like to reduce the search Widget when appear in Off Canvas Menu (set as Fullscreen), it's too wide . What have I to change to customize how much large has to be the search field ?

    Thanks

  •  1,878
    Judith replied
    July 7, 2021 at 2:27pm

    Hi There,

    Please try this css:

    #slide-out-widget-area.fullscreen .inner .widget, #slide-out-widget-area.fullscreen-alt .inner .widget {
        max-width: 469px;
    }

    Thanks.

  •  14
    studiograssi replied
    July 7, 2021 at 3:07pm

    Hello,


    this css affect only the area of the suggested automatic completion as in the attached image not the writable field.

  •  1,878
    Judith replied
    July 7, 2021 at 3:12pm

    Hi There,

    Please send in your admin login credentials so that we may look into this further.

    Thanks.

  •  8,847
    Tahir replied
    July 7, 2021 at 3:19pm

    Hey Again,

    Nevermind the login credentials.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    #slide-out-widget-area.fullscreen .inner .widget_search {
    max-width: 450px !important;
}

    Thanks

    ThemeNectar Support Team 

  •  14
    studiograssi replied
    July 7, 2021 at 3:38pm

    Hello again


    I'm afraid it doesn't work, I check the css and even tried deleting all the other css settings leaving this one only but nothing changed.

  •  1,878
    Judith replied
    July 7, 2021 at 3:39pm

    Hi There,

    Please send in your admin login credentials so that we may look into this further.

    Thanks.

  •  14
    studiograssi replied
    July 7, 2021 at 4:06pm

    Ok it works 

    I finally ignored the message about don't using ! important in css and now it works, my fault sorry.

    Thanks again